<template>
  <div class="weui-panel weui-panel_access mycard">
    <div class="weui-panel__bd">
      <div class="weui-media-box">
        <div class="weui-media-box_appmsg">
          <div class="weui-media-box__hd">
            <img class="weui-media-box__thumb" :src="txsrc" alt="">
          </div>
          <div class="weui-media-box__bd">
            <p class="fullL">
              <span class="partB">{{order_detail.decisionUserObj.name}}</span>
              <span class="ordertime partS">{{order_detail.decisionTime}}</span>
            </p>
            <h4 class="weui-media-box__title">{{order_detail.decisionCost}}</h4>
          </div>
        </div>
        <div class="weui-media-box_appmsg itemft">
          <div class="weui-media-box__hd"></div>
          <div class="weui-media-box__bd">
            {{order_detail.decisionDesc}}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: 'OdAuth',
  props: [],
  data () {
    return {
      // tx: require('imgs/小头像@2x.png')
    }
  },
  computed: {
    ...mapState(['order_detail']),
    txsrc () {
      return this.cm.getAvatar(this.order_detail.decisionUserObj.avatarUrl)
    }
  }
}
</script>

<style lang="stylus" scoped>
.weui-media-box__title
  font-size .48rem
  line-height .76rem
.itemft
  margin-top .1rem
  .weui-media-box__hd
    height 0
  .weui-media-box__bd
    border-top 1px dashed #e5e5e5!important
    line-height 2em
</style>
